<template>
  <!-- 主页 -->
  <div class="wty-foodie">
    <div class="wty-head-wrapper">
      <WtyHead></WtyHead>
    </div>
    <div class="wty-content-wrapper">
      <WtyContent></WtyContent>
    </div>
    <div class="wty-foot-wrapper">
      <WtyFoot></WtyFoot>
    </div>
  </div>
</template>

<script>
import WtyHead from "@/components/foodie/header/wty-header.vue";
import WtyContent from "@/components/foodie/content/wty-content.vue";
import WtyFoot from "@/components/foodie/footer/wty-footer.vue";
export default {
  data() {
    return {};
  },
  components: {
    WtyHead,
    WtyContent,
    WtyFoot
  }
};
</script>

<style lang="scss" scoped>
.wty-head-wrapper{
  background-color: white;
}
.wty-content-wrapper{
  background-color: #f8f8f8;
}
</style>
